﻿<!DOCTYPE html>
<html class="webp hydrated" style="font-size: 24.375px;">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, viewport-fit=cover, shrink-to-fit=no" />
    <meta name="HandheldFriendly" content="true" />
    <meta name="description" content="@Assets.GetMetaDescription()" />
    <meta name="keywords" content="@Assets.GetMetaKeywords()" />
    <meta name="generator" content="Smartstore @SmartstoreVersion.CurrentFullVersion" />
    <meta property="sm:root" content="@Url.Content("~/")" />
    @await Component.InvokeAsync("AntiForgeryToken")

    <title itemprop="name">@Assets.GetDocumentTitle(true)</title>

    <link href="~/css/app.css" rel="stylesheet" />
    <link href="~/css/search_m_smartbox.31a8f63e.css" rel="stylesheet" />
    <link href="~/css/footnav.min.css" rel="stylesheet" />
    <script src="~/js/jd.m.smartbox.a37d8a94.js" params="{noCompile:true}" crossorigin="true"></script>
    @await Component.InvokeAsync("Favicon")
    <style>        
        body, html {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none
        }

        taro-view-core {
            display: block
        }
    </style>
    <style>        
        taro-scroll-view-core {
            display: block;
            width: 100%;
            -webkit-overflow-scrolling: auto
        }

            taro-scroll-view-core::-webkit-scrollbar {
                display: none
            }

        .taro-scroll-view__scroll-x {
            overflow-x: scroll;
            overflow-y: hidden
        }

        .taro-scroll-view__scroll-y {
            overflow-x: hidden;
            overflow-y: scroll
        }
    </style>
    <style>
        img[src=""] {
            opacity: 0
        }

        taro-image-core {
            display: inline-block;
            overflow: hidden;
            position: relative;
            font-size: 0;
            width: 320px;
            height: 240px
        }

        .taro-img.taro-img__widthfix {
            height: 100%
        }

        .taro-img__mode-scaletofill {
            width: 100%;
            height: 100%
        }

        .taro-img__mode-aspectfit {
            max-width: 100%;
            max-height: 100%
        }

        .taro-img__mode-aspectfill {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

        .taro-img__mode-aspectfill--width {
            min-width: 100%;
            height: 100%
        }

        .taro-img__mode-aspectfill--height {
            width: 100%;
            min-height: 100%
        }

        .taro-img__mode-widthfix {
            width: 100%
        }

        .taro-img__mode-top {
            width: 100%
        }

        .taro-img__mode-bottom {
            width: 100%;
            position: absolute;
            bottom: 0
        }

        .taro-img__mode-left {
            height: 100%
        }

        .taro-img__mode-right {
            position: absolute;
            height: 100%;
            right: 0
        }

        .taro-img__mode-topright {
            position: absolute;
            right: 0
        }

        .taro-img__mode-bottomleft {
            position: absolute;
            bottom: 0
        }

        .taro-img__mode-bottomright {
            position: absolute;
            right: 0;
            bottom: 0
        }
    </style>
    <style>
        #container {
            padding-bottom: 50px;
        }
    </style>
</head>

<body>
    <zone name="start" />
        @RenderBody()
    <zone name="end" />
</body>
</html>
